/* CSS Document */
/* General */
*{ margin: 0; padding: 0;}
html { height: 100%; font-size: 62.5%;}
body { height: 100%; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url('images/bg.gif') repeat-x 0 0; min-width: 950px;}
a:link, a:visited { color: #005D85; text-decoration: underline; font-weight: bold;}
a:hover { text-decoration: none;}
.cleaner { clear: both; height: 0; font-size: 0; visibility: hidden;}
.noscreen { display: none;}
.hidden {/* Skip menu */ position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}
/* Paragraphs, headings, ... */
p { line-height: 170%; margin-bottom: 10px;}
.perex { background-color: #E3F4FF; min-height:120px; text-align: left; width: 155px; margin: 0px; padding: 5px; text-align:justify;}
.perex p { margin: 0; color: #004C7F;}
.perex p a, .perex p a:visited { color: #004C7F;}
h1 { font-size: 2.5em; font-weight: normal; color: #FFFFFF; text-align: left; margin-left: 20px; padding: 0px 0 6px 0; background: url('images/h1-bg.gif') repeat-x 0 100%; width: 50%;}
h1 a:link, h1 a:visited { font-weight: normal; text-decoration: none; color: #FFFFFF;}
h2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; /*: Georgia, "Times New Roman", Times, serif;*/ font-weight: normal; color: #FFFFFF; text-align: left; margin: 6px 0 0 23px;}
h3 { color: #005D85; font-size: 1.2em; text-align: left; letter-spacing: 1px; margin-bottom: 2px;}
h3.line { background: url('images/heading-dot.gif') repeat-x 0 50%; width: 96%;}
h3.line span { margin-left: 12px; padding: 0 6px; background: #FFFFFF;}
h3.line label { background: #FFFFFF; color: #8C8C8C; font: 11px arial; float:right; margin-top:-7px;}
ul { list-style-type: none; }
/* Images */
img.portfolio { border: 3px solid #8ED8FF; margin: 0 12px 16px 0;}
a:hover img.portfolio { border: 3px solid #FF6123; margin: 0 12px 16px 0;}
/* Header */
#header {margin: 0 auto; width: 850px; height: 130px; position: relative; background: #005D85 url('images/hd_bg.gif') repeat-x 0 0; text-align: left;}
/* Search form */
form.searching { width: 260px; height: 26px; position: absolute; top: 45px; right: 10px;}
fieldset { border: 0;}
#picture-input { position: absolute; top: 0; left: 0; overflow: hidden; width: 155px; height: 26px; background: url('images/input-bg.gif') 0 0 no-repeat; border: 0;}
#picture-input input { position: relative; top: 5px; left: 10px; width: 140px; border: 0; letter-spacing: 1px;}
form.searching input.hledat {/*letter-spacing: 1px; padding-left: 0; font-weight: bold; color: #FFFFFF; position: absolute; top: 0; right: 0; */ float:right;
    border-bottom: #333333 1px solid; border-left: #333333 1px solid; padding-bottom: 3px; background-color: #333333; padding-left: 8px; padding-right: 8px; font-family: inherit;
    color: #ffffff; font-size: 15px; border-top: #333333 1px solid; font-weight: bold; border-right: #333333 1px solid; padding-top: 3px; text-shadow: 0 1px 2px #000000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
    
form.searching label { display: none;}
#login {position: absolute; top: 0px; right: 18px;}
#login li { float: left; color: white; margin: 3px;}
#login li a { float: left; display: inline; list-style-type: none; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: white;}
/* Menu */
#menu { position: absolute; top: 94px; /*right: 18px;*/ left: 18px;}
#menu li { float: left; display: inline; list-style-type: none;}
#menu li a { float: left; display: inline; list-style-type: none; text-align: center; color: #FFFFFF; font-size: 1.1em; text-decoration: none;background-color: #232323;
    border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; padding: 0 1em; height: 30px; line-height: 30px; margin-left: 2px;}
#menu li a:hover {background-color: #FFE3A7; color: #151515; border-top: 1px solid #6A4B09; border-left: 1px solid #6A4B09; border-right: 1px solid #6A4B09; text-decoration: none;}
#menu li a.active { background-color: #FFB515 !important; color: #151515; border-top: 1px solid #6A4B09; border-left: 1px solid #6A4B09; border-right: 1px solid #6A4B09; text-decoration: none;}
/* Content boxes */
#content-box { width: 850px; margin: 0 auto; text-align: left;}
#content-box-in { width: 100%;}
#content-box-in-left { float: left; width: 70%;}
#content-box-in-left-in { margin: 24px 0 30px 20px; background: url('images/divider.gif') repeat-y 98% 0; min-height:660px;}
#content-box-in-right { float: right; width: 29%;}
#content-box-in-right-in { margin: 24px 5px 10px 5px;}
.galerie { padding: 1px 0; margin-right: 3px; min-height: 1px;}
.foto {float: left; display: inline; width: 165px; min-height: 276px; margin: 0 10px 16px 0; background-color: white; text-align: left; border: 1px solid #DDDCDC; position: relative; padding: 5px; font-weight: normal;}

.product { border: 1px solid #DDDCDC; float: left; padding-left: 17px; padding-right: 17px; padding-top: 6px; width: 150px;}

.foto:hover {background-color: #D6ECF8; border: 1px solid #82B7DF;}
.foto p a, .foto p a:visited { font-size: 1.1em; color: #003960; font-weight: normal; margin-top: 6px;}
.foto p { margin-top: 6px; color: #003960;}
/* Content boxes directives */
#content-box-in-right-in h3 { color: #00436A; background-color: #D6ECF8; border: 1px solid #82B7DF; font-size: 1.1em; text-align: left; letter-spacing: 1px; padding: 2px 0 2px 7px;}
#content-box-in-right-in dl { margin: 0 0 40px 4px;}
#content-box-in-right-in dt { margin-bottom: 3px; font-weight: bold;}
#content-box-in-right-in dd { margin: 0 5px 18px 3px; line-height: 145%; text-align: justify;}
#content-box-in-right-in dd a, #content-box-in-right-in dd a:visited { color: #005D85; padding: 1px 2px;}
#content-box-in-right-in dd a:hover { /*background-color: #005D85;     color: #FFFFFF;*/}
#content-box-in-right-in dd span { font-size: 0.9em;}
#content-box-in-right-in form { margin-left: 5px;}
#content-box-in-right-in label { display: block; margin-bottom: 2px;}
#content-box-in-right-in input { width: 180px; margin-bottom: 9px;}
#content-box-in-right-in textarea { }
#content-box-in-right-in input.send-button { width: auto; padding: 1px 3px; margin-top: 5px; margin-left: 130px;}
/* Footer */
#footer { height: 44px; color: #FFFFFF; width: 100%; background: #005D85 url('images/footer-bg.gif') repeat-x 0 0;}
#footer-in { width: 850px; height: 44px; margin: 0 auto;}
#footer a, #footer a:visited { color: #FFFFFF;}
p.footer-left { width: 350px; float: left; text-align: left; line-height: 190%; margin: 8px 0 0 12px; display: inline; /* Because of IE Doubled Float-Margin Bug */}
p.footer-right { width: 350px; float: right; text-align: right; margin: 8px 12px 0 0; display: inline; /* Because of IE Doubled Float-Margin Bug */}
p.footer-right a, p.footer-right a:visited { font-weight: normal;}
